﻿/*col*/
.col-grid-s180m540e210{ margin-top:4px;}
.col-grid-s180m540e210 .col-main-wrap { margin-right:220px; margin-left:192px;}
.col-grid-s180m540e210 .col-sub { width:180px; }
.col-grid-s180m540e210 .col-extra{ width:210px; margin-left:-210px; overflow:hidden;}
/*main*/
.notice{ padding:8px 0 0 20px; height:18px; overflow:hidden; background:url(../../img/account/notice.png) no-repeat 0 6px;}
.dashboard{ border:solid 1px #d1d1d1; padding:8px; height:230px; margin-top:8px;}
.account-passport{ padding-left:110px; height:90px; position:relative;}
.avatar{ display:block; position:absolute; left:0;top:0; border:solid 1px #887a6c; padding:1px;}
.avatar img{ width:86px; height:86px;}
.account-passport p{ padding-top:8px; line-height:18px;}
.account-passport label{ width:18px; height:16px; display:inline-block; background:url(../../img/account/dash-icon.png);}
.account-passport label.dash-mobile{ background-position: 0 0;}
.account-passport label.dash-email{ background-position: 0 -18px;}
.account-passport label.dash-id{ background-position: 0 -36px;}
.account-passport span{ color:#ed5400; text-decoration:underline;margin-right:16px; }
.account-info{ margin-top:8px; border:solid 1px #f0b57b;}
.account-info .border{ border:solid 3px #f9eeda; padding:8px 10px 4px 10px;}
.account-info h6{ overflow:hidden; width:492px;}
.account-info h6 span{font-size:14px; font-weight:700;}
.account-info h6 a{float:right; padding-right:8px; border-right:solid 1px #ed5400; margin:3px -8px 0 16px; line-height:14px; color:#ed5400;font-family:simsun;}
.account-info h6 a.last{ padding-right:0; border-right:0;}
.account-money{ border:solid 1px #f7dcc1; padding:8px; margin-top:4px; background-color:#fef4eb; font-size:14px;}
.account-money span, .account-point span{ color:#ed5400; font-weight:700; margin-right:8px;}
.account-money label{ border-left:solid 1px #ed5400; margin:0 16px;}
.account-point{ margin-top:8px; line-height:40px;}
.account-point span{ margin:0 16px 0 4px;}
.account-point a{color:#ed5400; margin-left:4px; text-decoration:underline;}
.account-point a.charge-point, .account-point a.charge-money{ float:right; width:110px; height:40px; display:inline-block; background:url(../../img/account/dash-btn.png); text-align:center; font-size:14px; font-weight:700; color:#333; text-decoration:none;}
.account-point a.charge-point:hover, .account-point a.charge-money:hover{ background-position:0 -40px; color:#ed5400;}
.quicklink{ margin-top:10px; border:solid 1px #f2b37e;}
.quicklink .border{ border:solid 3px #f6e2be; position:relative;background:url(../../img/account/quick-bg.png) left bottom repeat-x;}
.quickcontent{ width:498px; height:70px; padding:10px 16px 6px 16px; overflow:hidden; }
a.quick-tabup, a.quick-tabdown{ width:10px; height:19px; display:block; cursor:pointer; background:url(../../img/account/quick-tab.png); position:absolute; z-index:2;}
a.quick-tabup{ background-position:0 0; left:6px; top:24px;}
a.quick-tabup:hover{ background-position:0 -20px;}
a.quick-tabdown{ background-position: -10px 0; left:514px; top:24px;}
a.quick-tabdown:hover{ background-position:-10px -20px;}
.quick-tab{ width:498px; height:70px; overflow:hidden; position:relative;}
.quick-tab table{ position:absolute; height:70px;}
.quick-tab a{ width:83px; display:block; text-align:center; position:relative; padding-top:52px;}
.quick-tab a i{ width:48px; height:48px; display:block; position:absolute; top:0px; left:18px; background:url(../../img/account/quick.png) no-repeat;}
.quick-tab a.quick-card i{ background-position: 0 0;}
.quick-tab a.quick-snda i{ background-position: 0 -48px;}
.quick-tab a.quick-outfit i{ background-position:0 -96px;}
.quick-tab a.quick-movie i{ background-position: 0 -144px;}
.quick-tab a.quick-credit i{ background-position: 0 -192px;}
.quick-tab a.quick-mobile i{ background-position: 0 -240px;}
.quick-tab a.quick-hobby i{ background-position: 0 -288px;}
.trade{ border:solid 1px #d1d1d1; margin-top:10px; }
.trade h6{width:536px; height:29px; background:url(../../img/account/trade.png); overflow:hidden;}
.trade h6 span{ line-height:28px; font-weight:700; margin-left:16px;}
.trade h6 a{  float:right; padding:0 10px; display:block; line-height:14px; margin-top:8px; margin-right:-1px; color:#ed5400; border-right:solid 1px #ed5400; font-family:simsun;}
.trade h6 a.current, .trade h6 a:hover{ color:#242424; position:relative; }
.trade h6 a.current i, .trade h6 a:hover i{ width:5px; height:3px; display:block; position:absolute; top:16px; left:32px; background:url(../../img/account/tradea.png) no-repeat;}
.trade-list{ padding:10px; height:190px;}
.trade-list table{ width:100%;}
.trade-list td{line-height:24px; height:24px; }
.trade-list thead td{ color:#666; border-bottom:solid 1px #d1d1d1; text-align:center;}
.trade-list tbody td{ overflow:hidden; border-bottom:dotted 1px #d1d1d1; font-family:simsun; text-align:center;}
.trade-list tbody td.trade-list-itemname{width:180px;white-space:nowrap;overflow:hidden;}
.trade-list tfoot td{ text-align:right; padding-top:5px;}
.trade-list a{ color:#ed5400; text-decoration:underline; margin:0 2px;}
a.a-btn{ width:70px; height:18px; line-height:18px; text-align:center; text-decoration:none; display:inline-block; background:url(../../img/account/a-btn.png); color:#fff;}
a.a-btn:hover{ color:#fff; text-decoration:none;}
.recommand{ margin-top:10px; border:solid 1px #d1d1d1;}
.recommand .tab-holder{ height:28px; background:url(../../img/account/recommand-tab.png) 0 -29px repeat-x; margin:0 1px;}
.recommand .tab-holder li{ float:left; width:116px; text-align:center; line-height:28px; margin:-1px 0 0 -2px; font-weight:700;}
.recommand .tab-holder li.tab-current{ background:url(../../img/account/recommand-tab.png);}
.recommand .tab-panel{ height:187px;}
.recommand .tab-panel li{ width:120px; height:80px; margin-left:30px; padding:10px 0 0 100px; float:left; position:relative;}
.recommand .tab-panel label{ position:absolute; left:0; border:solid 1px #d1d1d1; padding:1px; }
.price-old{ color:#666;}
.price-old span{font-weight:700; text-decoration:line-through;}
.price-now{ color:#ed5400;}
.price-now span{font-weight:700;}
.recommand a.a-btn{ margin-top:4px;}
/*extra*/
.panel{ border:solid 1px #ddd; margin-top:10px;}
.panel h6{ height:32px; margin:1px 1px 0 1px; padding-left:8px; line-height:32px; font-weight:700; background:url(../../img/account/panel.png) 0 0 no-repeat;}
.panel-handy{ margin-top:34px;height:246px;overflow:hidden; }
.tab-extra{ width:208px; width:208px; overflow:hidden;}
.tab-extra .tab-holder{ width:209px; height:30px;}
.tab-extra .tab-holder li{ width:67px; height:30px; float:left; text-align:center; border-bottom:solid 1px #e4e4e4; border-right:solid 1px #e4e4e4; background-color:#f1f1f1;}
.tab-extra .tab-holder li.tab-current{ width:72px; height:28px; border-bottom:solid 1px #fff; border-top:solid 2px #f00; background-color:#fff;}
.tab-extra .tab-holder li a{ color:#666; width:67px; height:30px; line-height:30px;}
.tab-extra .tab-holder li a:hover{ text-decoration:none;}
.tab-extra .tab-holder li.tab-current a{font-weight:700; width:70px; line-height:28px; color:#242424;}
.tab-extra .tab-panel {padding-top:10px; }
.tab-extra .tab-panel .tab-content{ display:none;  padding-left:10px;}

.handy-input, .handy-abtn, .handy-abtndis, .handy-tip i{background:#fff url(../../img/account/handy.png) no-repeat -999px -999px;}
.handy-select{ height:24px; padding-top:10px; line-height:24px; overflow:hidden;}
.handy-select label{float:left; margin-right:2px; width:60px; text-align:right;}
.handy-input{ width:120px; height:22px; border:solid 1px #bebebe; float:left; display:inline-block; position:static; cursor:pointer; background-position:right -63px;}
.handy-input input{ border-width:0; width:90px; height:22px; font-size:12px; line-height:22px;overflow:hidden; padding:0 0 0 4px; background-color:Transparent; cursor:pointer; zoom:1;}
.handy-selectcontent{width:120px; margin-top:0; border:1px solid #efaf71;position:absolute;background-color:#fff; display:none; z-index:1; -moz-box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color=#16000000,Positive=true);}
.handy-selectcontent p{width:114px; display:block; border-bottom:dotted 1px #bbb; padding-left:6px; cursor:pointer; line-height:24px;}
.handy-btn{ height:24px; line-height:24px; margin-top:18px;}
.handy-atip{ color:#ed5400; margin-left:20px;}
.handy-abtn{width:76px; height:24px; display:inline-block; border:0; float:left; text-align:center;line-height:26px; color:#fff; font-weight:700; overflow:hidden; background-position:0 0 ;}
a.handy-abtn:hover, a.handy-abtndis:hover{ text-decoration:none; color:#fff;}
.handy-tip{ margin-top:18px;color:#666; padding-left:36px;}
.handy-tip i{display:inline-block; width:32px; height:15px; float:left; margin-left:-36px; background-position:0 -48px;}
.handy-form{ padding-top:10px; height:24px;}
.handy-form label{ float:left; line-height:24px; margin-right:1px; }
.handy-form label.current{ font-weight:700;}
.handy-form .text{border:solid 1px #d1d1d1; padding:3px; width:90px;}
.handy-form .radio{ margin:0; width:12px;margin-left:3px;}
.handy-tip span{ color:#ed5400; margin:0 2px; font-family:Tahoma; font-weight:700;}
.hadny-credit label{ width:84px;}
.hadny-credit .handy-input{ width:102px;}
.hadny-credit .handy-selectcontent{ width:102px;}
.hadny-credit .handy-selectcontent p{ width:96px;}

.lottery{ margin-top:10px; height:88px; width:204px; padding:3px 3px 3px 2px; background-color:#cdcdcd; margin-top:10px; }
.lottery .slide{ width:50px; height:88px; float:left; margin-left:1px; background-color:#fff;}
.lottery li{ width:50px; height:88px; background:url(../../img/account/lottery.png) no-repeat;}
.lottery li a{ width:50px; height:88px; display:block;}
.lottery li.lottery1{ background-position:0 0;}
.lottery li.lottery2{ background-position:0 0;}
.lottery li.lottery3{ background-position:0 -88px;}
.lottery li.lottery4{ background-position:0 -176px;}
.lottery li.lottery5{ background-position:0 -264px;}
.lottery li.lottery6{ background-position:0 -352px;}
.lottery li.lottery7{ background-position:0 -440px;}
.lottery li.lottery8{ background-position:0 -528px;}
.lottery li.lottery9{ background-position:0 -616px;}

.panel-question h6{ padding-bottom:3px;}
.panel-question a{ display:block; padding:3px 0 3px 32px; background:url(../../img/account/icon-question.png) 10px 3px no-repeat;}
.panel-question a.more{ text-align:right; padding:0 10px 4px 0; background-image:none; color:#ed5400;}

/*ad img*/
a.ad{ padding:1px; background-color:#fff; border:solid 1px #ddd; display:block; }
a.ad img, a.ad:hover img{ display:block; _display:inline; width:206px; }
a.ad:hover{ border-color:#ff9c00;}
a.ad-m10{margin-top:10px;}